<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>title</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css"/>
	<style>
       html,body{
	       	width: 100%;
	       	height: 100%;
	       	margin: 0px;
	       	padding: 0px;
        }
        .tit{
            background-color: #8c5ac0;
            height: 50px;
            line-height: 50px;
            width: 100%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            font-weight: 600;
            border-bottom: 1px solid #e7e6e7;
        }
    </style>
</head>
<body>
    <div class="tit" id="header">视频课程</div>
</body>
    <script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
    // 初始化
     apiready = function(){      
        fnOpenNewsFrm();
    };
     function fnOpenNewsFrm(){
            var header = $api.byId('header');
            $api.fixStatusBar(header);
            var header_h = $api.offset(header).h;
            api.openFrame({
                name: 'list_frame',
                url: './list_frame.html',
                bounces: true,
                rect: {
                    x: 0,
                    y: header_h,
                    w: 'auto',
                    h: 'auto',
                },
                vScrollBarEnabled: false,
            })
        };
    </script>
</html>